<template>
	<view class="header-img">
		<img src="@/static/image/info/reportbg.png" alt="" />
	</view>
	<up-text
		:text="t('index.noDeviceTitle')"
		style="margin-top: 20px"
		align="center"
		color="red"
		size="21"></up-text>
	<view class="bottom-img">
		<img src="@/static/image/index/noDevice.png" alt="" />
	</view>
</template>

<script setup lang="ts">
import { useI18n } from "vue-i18n";
const { locale, t } = useI18n();
</script>

<style lang="scss" scoped>
.header-img {
	width: 100%;
	height: auto;
}
.bottom-img {
	padding-top: 100rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	img {
		width: 80%;
		height: auto;
	}
}
</style>
